//文章列表展示页面



//向服务端发送请求，获取文章列表数据
$.ajax({
    url: '/posts',
    type: 'get',
    success: function(response) {
        //文章信息拼接渲染
        var html = template('postsTpl', { data: response.records });
        $('#postsBox').html(html);

        //分页页码拼接渲染
        var page = template('pageTpl', { response: response });
        $('#page').html(page);
    }
});





//定义changePage函数，用于实现分页功能
function changePage(page) {
    //发送ajax请求，向服务器索要分页数据
    $.ajax({
        url: '/posts',
        type: 'get',
        data: { page: page },
        success: function(response) {
            //文章信息拼接渲染
            var html = template('postsTpl', { data: response.records });
            $('#postsBox').html(html);

            //分页页码拼接渲染
            var page = template('pageTpl', { response: response });
            $('#page').html(page);
        }
    });
}


//向服务器端发送请求，索要文章分类数据
$.ajax({
    url: '/categories',
    type: 'get',
    success: function(response) {
        var html = template('categoryTpl', {
            data: response
        });
        $('#categoryBox').html(html);
    },
    error: function() {
        alert('获取文章分类信息失败！')
    }
})


//用户进行文章列表筛选的时候
$('#filterForm').on('submit', function() {
    //获取到管理员选择的过滤条件
    var formDate = $(this).serialize();
    //向服务器发送请求，获取符合条件的文章数据
    $.ajax({
        url: '/posts',
        type: 'get',
        data: formDate,
        success: function(response) {
            //文章信息拼接渲染
            var html = template('postsTpl', { data: response.records });
            $('#postsBox').html(html);

            //分页页码拼接渲染
            var page = template('pageTpl', { response: response });
            $('#page').html(page);
        }
    });
    //阻止表单默认提交行为
    return false
});


//事件委托删除按钮父级，为删除按钮绑定点击事件
$('#postsBox').on('click', '.delete', function() {
    //获取当前文章id
    var id = $(this).attr('data-id');
    //向管理确认是否删除
    if (confirm('您确认删除该文章吗？')) {
        //发送ajax请求删除数据
        $.ajax({
            url: '/posts/' + id,
            type: 'delete',
            success: function() {
                alert('文章删除成功！');
                location.reload();
            },
            error: function() {
                alert('文章删除失败！');
            }
        })
    } else {
        return;
    }


})